$(function () {
	//left nav
	$('div.side-nav a:not(div.sub-sideNav a)').click(function () {
		if ($(this).next().is(":visible")) {
			$(this).removeClass().addClass("btn-sideNav");
			$(this).next().slideUp();

		} else {
			//$(this).prev().slideUp();
			$(".sub-sideNav").slideUp();
			$('div.side-nav a:not(div.sub-sideNav a)').removeClass().addClass("btn-sideNav");
			$(this).prev().prev().removeClass().addClass("btn-sideNav");
			$(this).next().slideDown();
			$(this).removeClass().addClass("btn-sideNav current");
			//$(this).next().next().next().slideUp();
			$(this).next().next().removeClass().addClass("btn-sideNav");
		}
	});

	//suv left nav
	$('div.sub-sideNav a').mouseover(function () {
		if ($(this).hasClass('sub-item')) {
			$(this).removeClass().addClass('sub-hover');
		};
	});
	$('div.sub-sideNav a').mouseout(function () {
		if ($(this).hasClass('sub-item') || $(this).hasClass('sub-hover')) {
			$(this).removeClass().addClass('sub-item');
		}
	});
	$('div.sub-sideNav a').click(function () {
		$(this).removeClass().addClass('sub-current');
		$(this).siblings().removeClass().addClass('sub-item');
	});

	//change background
	$('#item_1').mouseover(function () {
		$(this).addClass('item-bg-1');
	});
	$('#item_1').mouseout(function () {
		$(this).removeClass('item-bg-1');
	});
	$('#item_2').mouseover(function () {
		$(this).addClass('item-bg-2');
	});
	$('#item_2').mouseout(function () {
		$(this).removeClass('item-bg-2');
	});
	$('#item_3').mouseover(function () {
		$(this).addClass('item-bg-3');
	});
	$('#item_3').mouseout(function () {
		$(this).removeClass('item-bg-3');
	});
	$('#item_4').mouseover(function () {
		$(this).addClass('item-bg-4');
	});
	$('#item_4').mouseout(function () {
		$(this).removeClass('item-bg-4');
	});
	
	window.onload=function(){
		autoHeight();
	}
	$(window).resize(function(){
		var bodyHeight =$(document).height();
		var bodywidth =$(document).width();
		var headHeight = $("#head").height();
		var footHeight = $("#foot").height();
		var sidebarTopHeight = $(".sidebar_top").height();
		var sidebarFootHeight = $(".sidebar_foot").height();
		
		var leftHight= bodyHeight-headHeight-footHeight-5;
		$("#left").height(leftHight);
		$(".side-nav").height(leftHight-sidebarTopHeight-sidebarFootHeight);
		
		$("#right").height($("#left").height());
	});

});

function switchSysBar(){ 
  if($("#left").css("display")=="block"){
	 $("#left").hide();
	 $("#swtich_right").show();
  }else{
	 $("#left").show() ;
	 $("#swtich_right").hide();
  }
}

function autoHeight (){
	var bodyHeight =$(document).height();
	var bodywidth =$(document).width();
	var headHeight = $("#head").height();
	var footHeight = $("#foot").height();
	var sidebarTopHeight = $(".sidebar_top").height();
	var sidebarFootHeight = $(".sidebar_foot").height();
	
	var leftHight= bodyHeight-headHeight-footHeight-75;
	$("#left").height(leftHight);
	$(".side-nav").height(leftHight -sidebarTopHeight-sidebarFootHeight);
	
	$("#right").height($("#left").height());
};
